@import url("./nav.css");
@import url("./footer.css");

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html,
body{
    height: 100%;
    width: 100%;
}

.chemistry{
    padding: 10px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    background-color: #f3f3f3;
    /* border: 1px solid black; */
}

.chemimg{
    height: max-content;
    padding:10px;
    width:440px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
    

}

@media(max-width:1000px){
    .chemimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .chemimg img{
        width: 100%;
    }

}

.parachem{
    /* border: 1px solid green; */
    width:500px;
    height:max-content;
    padding:30px;
    text-align: left;
    

}



.computer{
    padding: 20px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    gap: 20px;
    /* border: 1px solid black; */
}

.paracomp{
    /* border: 1px solid green; */
    height: max-content;
    width:500px;
    height:max-content;
    padding-top: 30px;
    text-align: left;
}

.compimg{
    height: max-content;
    padding:10px;
    width:440px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
}

@media(max-width:1000px){
    .compimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .compimg img{
        width: 100%;
    }

}


.physics{
    padding: 10px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    background-color: #f3f3f3;

}


.phyimg{
    height: max-content;
    padding:10px;
    width:440px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;

}

@media(max-width:1000px){
    .phyimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .phyimg img{
        width: 100%;
    }

}

.paraphy{
    width:500px;
    height:max-content;
    padding:30px;
    text-align: left;
}

.biology{
    padding: 20px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    

}

.parabio{
    height: max-content;
    width:500px;
    height:max-content;
    padding-top: 30px;
    text-align: left;
}

.bioimg{
    height: max-content;
    padding:10px;
    width:440px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
}

@media(max-width:1000px){
    .bioimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .bioimg img{
        width: 100%;
    }
}

.ictlab{
    padding: 10px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    background-color: #f3f3f3;
}

.ictimg{
    height: max-content;
    padding:10px;
    width:440px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
}

@media(max-width:1000px){
    .ictimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .ictimg img{
        width: 100%;
    }

}

.paraict{
    width:500px;
    height:max-content;
    padding:30px;
    text-align: left;
}

.tourism{
    padding: 20px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    
}

.paratour{
    height: max-content;
    width:500px;
    height:max-content;
    padding-top: 30px;
    text-align: left;
}

.tourimg{
    height: max-content;
    padding:10px;
    width:440px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
}

@media(max-width:1000px){
    .tourimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .tourimg img{
        width: 100%;
    }

}

.telecom{
    padding: 10px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    background-color: #f3f3f3;
}

.teleimg{
    height: max-content;
    padding:10px;
    width:440px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
}

@media(max-width:1000px){
    .teleimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .teleimg img{
        width: 100%;
    }
}

.paratele{
    height: max-content;
    width:500px;
    height:max-content;
    padding-top: 30px;
    text-align: left;

}



.library{
    padding: 20px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    
}

.paralib{
    height: max-content;
    width:500px;
    height:max-content;
    padding-top: 30px;
    text-align: left;
}

.libimg{
    height: max-content;
    padding:10px;
    width:440px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
}

@media(max-width:1000px){
    .libimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .libimg img{
        width: 100%;
    }

}

.playground{
    padding: 10px;
    height: max-content;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content:space-evenly;
    background-color: #f3f3f3; 
}

.playimg{
    height: max-content;
    padding:10px;
    width:440px;
    height: 340px;
    background-color:whitesmoke;
    margin-top: 10px;
    border: 10px solid  #d5d5d5;
    box-shadow: 1px 2px 10px #d5d5d5;
}

@media(max-width:1000px){
    .playimg{
        display: flex;
        flex-wrap: wrap;
        width:100%;
        object-fit: cover;
    }

    .playimg img{
        width: 100%;
    }
}

.paraplay{
    height: max-content;
    width:500px;
    height:max-content;
    padding-top: 30px;
    text-align: left;

}

.ptag{
    font-size: 18px;
    font-family:"Rubik", Sans-serif ;
    
}